W2E NY 2010 NPR Everywhere

73
NPR Everywhere The power of <flexible> content Zach Brand : @zbrand Sr. Director Technology & Strategy NPR, Digital Media

description

As the media leader who first brought a public content API to the market in 2008, NPR continues to innovate and learn about what it means to have flexible content. Our philosophy assumes that to maintain relevancy in an online world media companies need to be adroit at delivering content to multiple channels and disparate platforms. This in turn has lead us to keep a strategic focus on our API development. This positions us not just to meet our distribution needs, but has also helped drive business opportunity and allows for effective design and user experience whether in a browser or on a mobile device. This presentation will share our lessons learned and key metrics around successful creation and use of flexible content – from technology needs to business, editorial and design opportunities in an increasingly fragmented online product landscape.

Transcript of W2E NY 2010 NPR Everywhere

Page 1: W2E NY 2010 NPR Everywhere

NPR EverywhereThe power of <flexible> content

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

Page 2: W2E NY 2010 NPR Everywhere

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

Page 3: W2E NY 2010 NPR Everywhere

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

X 35M / Week

X 784

Page 4: W2E NY 2010 NPR Everywhere

“Please give generously” –Your local station

!=

Page 5: W2E NY 2010 NPR Everywhere

NPR Digital Media

API

Page 6: W2E NY 2010 NPR Everywhere

So Why Should YOU Care about Flexible Content?

Page 7: W2E NY 2010 NPR Everywhere

A) Staying Relevant Is Getting Much Harder

Step 1

Step 2You

Page 8: W2E NY 2010 NPR Everywhere

0 - 50

> 1,000,000,000

> 800,000

Page 9: W2E NY 2010 NPR Everywhere

B) 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, at

OSCON

NPR MusicRemix

NPR BlogsMade API Friendly

Facebook Integration

Player 2.0

Homepage Improvements

Story PageImprovements

Page 10: W2E NY 2010 NPR Everywhere

Architectural Philosophies

Avoid LOTR Syndrome

Content & Technology Are Inextricably Linked

COPE (Create Once Publish Everywhere)

- COPE drives all other architectural decisions

Content Management Tools & Presentation Layers

Understand the Atom

- Story is the Atom for NPR

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

- Stories belong to ‘Lists’

It Is Better To Be Incomplete Than Inaccurate

Page 11: W2E NY 2010 NPR Everywhere

Good ToolsGood PeopleGood Content

Page 12: W2E NY 2010 NPR Everywhere

1997(No CMS)

Page 13: W2E NY 2010 NPR Everywhere
Page 14: W2E NY 2010 NPR Everywhere

2003(CMS)

Page 15: W2E NY 2010 NPR Everywhere
Page 16: W2E NY 2010 NPR Everywhere

2005(CMS)

Page 17: W2E NY 2010 NPR Everywhere
Page 18: W2E NY 2010 NPR Everywhere

2008(API)

Page 19: W2E NY 2010 NPR Everywhere

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 20: W2E NY 2010 NPR Everywhere
Page 21: W2E NY 2010 NPR Everywhere

“Learning a slew of technical skills isn't the answer, it's just part of the journalism equation.” -http://10000words.net/

Page 22: W2E NY 2010 NPR Everywhere
Page 23: W2E NY 2010 NPR Everywhere

“From Washington DC… this is NPR”

Page 24: W2E NY 2010 NPR Everywhere
Page 25: W2E NY 2010 NPR Everywhere
Page 26: W2E NY 2010 NPR Everywhere

NPR Addict iPhone App

Page 27: W2E NY 2010 NPR Everywhere
Page 28: W2E NY 2010 NPR Everywhere
Page 29: W2E NY 2010 NPR Everywhere

System Architecture Supporting COPE

Page 30: W2E NY 2010 NPR Everywhere

System Architecture Supporting COPE

Page 31: W2E NY 2010 NPR Everywhere

System Architecture Supporting COPE

JavaJSP

Struts

Page 32: W2E NY 2010 NPR Everywhere

System Architecture Supporting COPE

R / WMySQL

Page 33: W2E NY 2010 NPR Everywhere

System Architecture Supporting COPE

R / OMySQLCluster

NoSQL-likeXML

Repository

Page 34: W2E NY 2010 NPR Everywhere

System Architecture Supporting COPE

PHP5

SimpleXMLPHP5

Page 35: W2E NY 2010 NPR Everywhere

Inside the API’s “Black Box”

Page 36: W2E NY 2010 NPR Everywhere

Life and Times of Flexible Content

Page 37: W2E NY 2010 NPR Everywhere

NPR CMS

Page 38: W2E NY 2010 NPR Everywhere

NPR API

Page 39: W2E NY 2010 NPR Everywhere

NPR.org

Page 40: W2E NY 2010 NPR Everywhere

HTML5 / Tablet Site

Page 41: W2E NY 2010 NPR Everywhere

NPR.org Audio Player

Page 42: W2E NY 2010 NPR Everywhere

iPhone App Android AppMobile Site

Page 43: W2E NY 2010 NPR Everywhere

Google Chrome Extension

Page 44: W2E NY 2010 NPR Everywhere

iGoogle Gadget

Page 45: W2E NY 2010 NPR Everywhere

KQED.org

Page 46: W2E NY 2010 NPR Everywhere

WBUR.org

Page 47: W2E NY 2010 NPR Everywhere

Connecticut Public Broadcasting

Photos Courtesy Derik Elis, CBTV

NPR API

CPTV’s Drupal Based CMS

Website

Page 48: W2E NY 2010 NPR Everywhere

What We Learned

Page 49: W2E NY 2010 NPR Everywhere

“I had to actually purchase a book to learn the API and write the client.” Shawn Fanning of Napster Fame

Page 50: W2E NY 2010 NPR Everywhere

Yeah, About That Chart….

Figuring it out…

Election RelatedTraffic Bumps

Page 51: W2E NY 2010 NPR Everywhere

Station Content in the NPR API (today)

Page 52: W2E NY 2010 NPR Everywhere

KLCC Displaying N3 Stories from NPR API

Page 53: W2E NY 2010 NPR Everywhere

WBUR Displaying N3 Story from NPR API

Page 54: W2E NY 2010 NPR Everywhere
Page 55: W2E NY 2010 NPR Everywhere
Page 56: W2E NY 2010 NPR Everywhere
Page 57: W2E NY 2010 NPR Everywhere
Page 58: W2E NY 2010 NPR Everywhere

A thousand words of COPE

Page 59: W2E NY 2010 NPR Everywhere
Page 60: W2E NY 2010 NPR Everywhere
Page 61: W2E NY 2010 NPR Everywhere

Make it ALL reusable

Page 62: W2E NY 2010 NPR Everywhere
Page 63: W2E NY 2010 NPR Everywhere

API Keys and Consumption by Audience

Page 64: W2E NY 2010 NPR Everywhere

Output Format Distribution

This distribution chart is from June 2009 and does not include NPR consumption.

We believe the distribution still applies today.

Page 65: W2E NY 2010 NPR Everywhere

Page Views to NPR Tech Center

Page 66: W2E NY 2010 NPR Everywhere

NPR Story API : Requests per Month

> 20 requests to the Story API every second

Page 67: W2E NY 2010 NPR Everywhere

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

•Open Source NPR projects have been possible

Page 68: W2E NY 2010 NPR Everywhere

NPR Android App

http://code.google.com/p/npr-android-app/

Page 69: W2E NY 2010 NPR Everywhere

What’s Next (or at least still causing us problems)

Page 70: W2E NY 2010 NPR Everywhere

Station Content in the NPR API (today)

Page 71: W2E NY 2010 NPR Everywhere

Public Media API (future)

Page 72: W2E NY 2010 NPR Everywhere

Challenges Ahead

•Extending to Network Use

•Performance•Caching

•Rights Management•Pagination

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

Page 73: W2E NY 2010 NPR Everywhere

Questions?

•Npr.org/blogs/inside•API: npr.org/API•Twitter: @zbrand•Email [email protected]