stories series webworks weblog who-is
HearVox News
Take our quick 12 question Survey

Posts Tagged ‘web’

By BG 2008.09.07 tags: ,

The NY Times web wizards have come up with another graphically revealing data display. “The Words They Used” charts the number of times speakers at the GOP and Dem conventions used some key terms. Here’s a detail:

Detail of chart, with words in circles sized by frequency of use


1 Star2 Stars3 Stars4 Stars5 Stars (no votes)
Loading ... Loading ...
By BG 2008.09.05 tags: , , ,

The Internet Meme timeline in a previous post is from an outfit called: Dipity “the easiest way to tell the stories of people and topics you care about.” They’ve got other apps to make timelines based on search term: TimeTube for YouTube,Tickr for Flickr, and Archaeologist for Digg. For instance, here’s YouTube vids found with the search term “hearvox” — the tag for HV-productions:


1 Star2 Stars3 Stars4 Stars5 Stars (no votes)
Loading ... Loading ...
By BG 2008.09.04 tags: , , | 1 comment »

A highly interactive, heavily linked history of Internet Memes, from the inception of terms like Internet and Cyberspace, thru the South Park short, Hamster Dance, JenniCam, and Steve Colbert WH Dinner, up the to present and future — it’s community user updatable. The timelines’ full features and flourishes are at Dipity; here’s their embed version:


1 Star2 Stars3 Stars4 Stars5 Stars (no votes)
Loading ... Loading ...
By BG 2008.08.19 tags: , , , , | 1 comment »

An interactive (flash) Olympic Medal Count Map/chart/list, from the 1896 Olympic Games in Athens to 2008 in Beijing, on NYTimes.com. Screenshot:
NY Times Olympic Medals- sceenshot

Circles are sized by the number of medals that countries won in summer Olympic Games. Use the slider to view past Olympics, or click on a country to display a list of its medal winners.

via Ben- Comma Q.


1 Star2 Stars3 Stars4 Stars5 Stars (no votes)
Loading ... Loading ...
By BG 2008.07.25 tags: , , ,

In response to Catherine’s comment:

One easy way to use the NPR API Query Generator is to:

Build the Query for NPR Stories
1. Check Fields> Output Format > HTML Widget (this will allow you to see the results).

2. Under the tab: Control, try some Search Terms, Dates, Number of Results, and any other tabs, Topics, Series, Fields, etc, to get the content you want to display.

3. Click the button: Create API Call button (the query url will appear in the Generated API Call box.

4. Now click the button: Run API Call. The results will show in the Output box, as they would on a webpage (if you have HTML Widget) checked.

5. Alter the Control> Search Terms, Dates, etc., and repeat the Create API Call and Run API Call, until you get the results you want displaying in the Output.

Get the API Call (Query URL) for NPR Stories
6. Now check Fields> Output Format > Javascript Widget.

7. Click the button: Create API button.

8. Copy the query URL from that appears in the API Call box.

Insert the NPR Stories Into Your Web Page/Post
9, Paste your query URL, and your API Key, into this Javascript code:
<script type="text/javascript" src="PasteYourQueryURLHere"></script>

10. Paste the above js code, with your query URL into your web-page or blog-post.


1 Star2 Stars3 Stars4 Stars5 Stars (no votes)
Loading ... Loading ...
By BG 2008.07.23 tags: , , , | 2 comments »

There were some requests on the AIR Daily maillist for a quick&dirty how-to on using NPR’s new API. Your most common use will probably be embedding a single story into your web page or blog post.

Find the story at NPR.org, then grab the url, e.g. this recent HV piece:
http://www.npr.org/templates/story/story.php?storyId=91881310

Copy the above storyID at the end of the url, and paste it into the JavaScript code below where it sez “PasteStoryIDHere”; also paste in your NPR API Key at “PasteYourAPIKeyHere” (instructions below on how to get one):

<script type="text/javascript" src="http://api.npr.org/query?id=PasteStoryIDHere,&fields=title,teaser,storyDate,show,audio&output=JS&apiKey=PasteYourAPIKeyHere"></script>

Now paste all the above into your page/post, and it’ll display like this:

To display more than one story, list each ID, separated by a comma; e.g., the ID’s of these recent Jack Chance encounters:
http://www.npr.org/templates/story/story.php?storyId=89723386
http://www.npr.org/templates/story/story.php?storyId=88961745

used in this code:
<script type="text/javascript" src="http://api.npr.org/query?id=89723386,88961745&fields=title,teaser,storyDate,show,audio&output=JS&apiKey=PasteYourAPIKeyHere"></script>

look like this:

Notice I’ve specified the fields=title,teaser,storyDate,show,audio. Those fields determine what’ll show on the page: you can remove some, or add others. The list of what’s possible is under the FIELDS tab of NPR’s Query Generator.

While there, check out the many other possibilities for interacting with NPR database of stories, audio, text, and photos. You can specify search terms, NPR shows, topics, and a host of other criteria for creating custom lists. And you can see how the lists will display. If there’s demand I’ll add another how-to sometime on using the Query Generator. (UPDATE: QG how-to added.)

To get an NPR API Key, start here: http://www.npr.org/api/index

Click the upper-left Register link to start your account. Or, if you subscribe to an NPR newsletter, you already have an account: click instead the upper-left Login link and enter your NPR subscription email and password.

Once in, click the Manage link in the upper-left. Copy it. (You can get it again anytime by returning to your account settings, and using the Open API top tab.)


1 Star2 Stars3 Stars4 Stars5 Stars (no votes)
Loading ... Loading ...
By BG 2008.07.17 tags: , , ,

NPR is already offering a collection of widgets made by themselves and others (using their new API), including this flash-y Reverbiage spinning-globe story-list:


1 Star2 Stars3 Stars4 Stars5 Stars (no votes)
Loading ... Loading ...
By BG 2008.07.17 tags: , , , | 1 comment »

NPR.org has released their API (application programming interface) allowing access to NPR’s huge stockpiles of stories and sounds from 1995 till now. Anyone can embed NPR story-lists on their own web-pages and blogs, along w/ all NPR’s audio player possibilities: Real, Windows Media, or NPR’s own pop-up player right from your own page — you can “Play Now” a single story or build a playlist. Try it, here’s a recent HV NPR story:


June 27, 2008 | NPR· Amy Jo is a single mother of two toddlers. Each day is a struggle to provide the life she promised her daughter two years ago, but she’s glad their father is out of the picture.
 

Notice you also get streaming mp3s (.m3u), something not yet even on NPR’s own story pages. And who knows what widget-ry bit-twisters might craft from NPR’s new embrace of open-source-ness (see next post).

Techies: the API outputs as either an HTML or JavaScript widget, or in several XML formats, including RSS, ATOM, and NPR’s own custom NPRML. For details on constructing API calls and getting an API key, start at the Inside NPR.org blog. And you’re gonna love their Query Generator.


1 Star2 Stars3 Stars4 Stars5 Stars (no votes)
Loading ... Loading ...