npr simile timeline

20
NPR SIMILE Timeline John Tynan – NPR SIMILE Timeline

Upload: johntynan

Post on 20-Jan-2015

1.729 views

Category:

Technology


2 download

DESCRIPTION

Want to integrate NPR stories into your mashup? There’s code here that you can leverage and use. It’s also a cool way to visualize the development of a news story or topic along a timeline.

TRANSCRIPT

Page 1: NPR Simile Timeline

NPR SIMILE Timeline

John Tynan – NPR SIMILE Timeline

Page 2: NPR Simile Timeline

The Problem : The Solution

John Tynan – NPR SIMILE Timeline

Page 3: NPR Simile Timeline

JavaScript & itsSidekick JSON

John Tynan – NPR SIMILE Timeline

Page 4: NPR Simile Timeline

NPR Stories & NPR API

John Tynan – NPR SIMILE Timeline

Page 5: NPR Simile Timeline

What Does This Allow You To Do?

John Tynan – NPR SIMILE Timeline

Page 6: NPR Simile Timeline

Like This: The NPR SIMILE Timeline

John Tynan – NPR SIMILE Timeline

Page 7: NPR Simile Timeline

What's This Good For?

John Tynan – NPR SIMILE Timeline

Page 8: NPR Simile Timeline

Other Benefits

John Tynan – NPR SIMILE Timeline

Page 9: NPR Simile Timeline

How Does it Work?

John Tynan – NPR SIMILE Timeline

Page 10: NPR Simile Timeline

Data Comes in As JSON

John Tynan – NPR SIMILE Timeline

{"version": "0.9", "list": {"title": {"$text": "Poetry"}, "teaser": {"$text": "NPR explores poetry and its influence on culture and society. Poems, narratives, and interviews with poets. Listen to audio and subscribe to our podcasts."}, "miniTeaser": {}, "story": [{"id": "95867915", "link": [{"type": "html", "$text": "http://www.npr.org/templates/story/story.php?storyId=95867915&ft=3&f=1037"}, {"type": "api", "$text": "http://api.npr.org/query?id=95867915&apiKey=MDAxNzgwMDQ5MDEyMTQ4NzYyMjU4YmY1Yw004"}], "title": {"$text": "Poet Invents Eighth Deadly Sin In New Collection"}, "subtitle": {}, "shortTitle": {}, "teaser": {"$text": "\"To the Family of the Man We Ate 130 Years Ago\" is just one of the provocative poems in Sharon Dolin's new collection, <em>Burn and Dodge.</em> Dolin recites some of her poems and discusses the underlying theme of sin."}, "miniTeaser": {"$text": "Sharon Dolin gives the seven deadly sins a new look in her collection, <em>Burn and Dodge.</em>"}, "slug": {"$text": "Poetry"}, "thumbnail": {}, "storyDate": {"$text": "Sat, 18 Oct 2008 16:00:00 -0400"}, "pubDate": {"$text": "Sat, 18 Oct 2008 18:17:00 -0400"}, "lastModifiedDate": {"$text": "Sat, 18 Oct 2008 18:21:00 -0400"}, "show": [{"program": {"id": "2", "code": "ATC", "$text": "All Things Considered"}, "showDate": {"$text": "Sat, 18 Oct 2008 16:00:00 -0400"}, "segNum": {"$text": "6"}}], "keywords": {}, "priorityKeywords": {}, "organization": [{"orgId": "1", "name": {"$text": "National Public Radio"}, "website": {"type": "Home Page", "$text": "http://www.npr.org/"}}], "parent": [{"id": "1037", "type": "primaryTopic", "title": {"$text": "Poetry"}, "link": [{"type": "html", "$text": "http://www.npr.org/templates/topics/topic.php?topicId=1037&ft=3&f=1037"}, {"type": "api", "$text": "http://api.npr.org/query?id=1037&apiKey=MDAxNzgwMDQ5MDEyMTQ4NzYyMjU4YmY1Yw004"}]}, {"id": "1037", "type": "topic", "title": {"$text": "Poetry"}, "link": [{"type": "html", "$text": "http://www.npr.org/templates/topics/topic.php?topicId=1037&ft=3&f=1037"}, {"type": "api", "$text": "http://api.npr.org/query?id=1037&apiKey=MDAxNzgwMDQ5MDEyMTQ4NzYyMjU4YmY1Yw004"}]}, {"id": "1032", "type": "topic", "title": {"$text": "Books"}, "link": [{"type": "html", "$text": "http://www.npr.org/templates/topics/topic.php?topicId=1032&ft=3&f=1037"}, {"type": "api", "$text": "http://api.npr.org/query?id=1032&apiKey=MDAxNzgwMDQ5MDEyMTQ4NzYyMjU4YmY1Yw004"}]}, {"id": "1022", "type": "topic", "title": {"$text": "Interviews"}, "link": [{"type": "html", "$text": "http://www.npr.org/templates/topics/topic.php?topicId=1022&ft=3&f=1037"}, {"type": "api", "$text": "http://api.npr.org/query?id=1022&apiKey=MDAxNzgwMDQ5MDEyMTQ4NzYyMjU4YmY1Yw004"}]}], "audio": [{"id": "95867924", "type": "primary", "title": {}, "duration": {"$text": "340"}, "format": {"mp3": {"$text": "http://api.npr.org/m3u/195867924-fbf1ce.m3u&ft=3&f=1037"}, "mp3": {"$text": "http://api.npr.org/m3u/895867924-767363.m3u&ft=3&f=1037"}, "wm": {"$text": "http://www.npr.org/templates/dmg/dmg_wmref_em.php?id=95867924&type=1&mtype=WM&ft=3&f=1037"}, "rm": {"$text": "http://www.npr.org/templates/dmg/dmg_rpm.rpm?id=95867924&type=1&mtype=RM&ft=3&f=1037"}}, "rightsHolder": {}}], "product": [{"id": "95868722", "type": "Book", "title": {"$text": "Burn and Dodge"}, "author": {"$text": "Sharon Dolin"}, "upc": {"$text": "0822960052"}, "publisher": {"$text": "University of Pittsburgh Press"}, "publishYear": {"$text": "2008"}, "purchaseLink": {"vendor": "Amazon", "$text": "http://www.amazon.com/exec/obidos/ASIN/0822960052/npr-5-20"}}]}]}}

Page 11: NPR Simile Timeline

Data Gets Mashed Up Here

John Tynan – NPR SIMILE Timeline

Page 12: NPR Simile Timeline

Comes Out Like This

John Tynan – NPR SIMILE Timeline

Page 13: NPR Simile Timeline

How Do I Use It?

John Tynan – NPR SIMILE Timeline

Page 14: NPR Simile Timeline

Then What?

John Tynan – NPR SIMILE Timeline

Page 15: NPR Simile Timeline

Wait... That's Not All

John Tynan – NPR SIMILE Timeline

Page 16: NPR Simile Timeline

It's the QGL!

John Tynan – NPR SIMILE Timeline

Page 17: NPR Simile Timeline

What Can I Do With It?

John Tynan – NPR SIMILE Timeline

Page 18: NPR Simile Timeline

Why Reinvent the Wheel?

John Tynan – NPR SIMILE Timeline

* It's Free! It Works!* Just use the URL: http://npr-simile-timeline.googlecode.com/svn/trunk/qglite.html

* Note: no submit button. * Query string gets automatically updated with each onblur* Access the query using JavaScript like this: parent.parent.qgliteFrame.document.selectionForm.queryBox.value

Page 19: NPR Simile Timeline

Coming Soon: To a Browser Near You

John Tynan – NPR SIMILE Timeline

Page 20: NPR Simile Timeline

NPR Simile Timeline

John Tynan – NPR SIMILE Timeline

http://npr-simile-timeline.googlecode.com

Thank You.