The Goal:Software tools to support exploration, creation, and sharing of web service-enabled applicationsKiller ApplicationsSituational Applications

Two Components:API Explorer: explore data-centric web service APIs by annotating their associated web sites (cf., Flickr API Explorer, Dapper)

WikiStudio: a wiki-based experimental playground to quickly create, test, and share small applications (cf., TWiki, JotSpot)

Scenario(cc) Images from Vin Crosbie and Riley Roxx, CrazyPixels, PulpoluxPhoebeTodScott

Scenario(cc) Images from Vin Crosbie and Riley Roxx, CrazyPixels, Pulpolux

flickr.people.getInfo(nsid=12037949754@N01) .username=scootdoor

flickr.photos.search (user_id= 79455386@N00)

Returns photo list XMLOptional argumentstags: restrict list to matching tagstext: Search for matching textcopy to clipboardcopy to wiki

flickr.photos.search (user_id= 79455386@N00)

Returns photo list XMLOptional argumentstags: restrict list to matching tagstext: Search for matching textcopy to clipboardcopy to wiki

flickr.photos.search (user_id= 79455386@N00)

Returns photo list XMLOptional argumentstags: restrict list to matching tagstext: Search for matching textcopy to clipboardcopy to wiki

Scenario(cc) Images from Vin Crosbie and Riley Roxx, CrazyPixels, PulpoluxHey, I could use one of them pages myself!

Remix!

Does this actually work?

Yeah, kinda sorta.

Real code, running in a Ruby sandbox within the Wiki.

Real code, running in a Ruby sandbox within the Wiki.Another node in the wiki

Common Data StructuresAPI Explorer

ProxyReal proxy to inject HTML annotations, but fake example.

stanford hci group / 2007http://hci.stanford.edu

Interested? Contact us at:mashups@cs.stanford.edu

3rd year phd studentresearch groups goal is to build innovative software tools that enable creative exploration of our brave new technology world in the domains of mobile and ubiquitous computing or as in this project with web mash-ups.If you plot all the software in the world You get this Zipf curve of application

I moonlight as an editor at Ambidextrous Magazine. For each issue, I have to keep track of photographs and illustrations to go along with our stories. These images are contributed by our writers and photographers.For the upcoming issue, Phoebe, Tod, and Scott are the contributors I have to keep track of.This is a hobbyist enterprise, work happens distributed and mostly after his real job.To keep track of everyones progress, hed like to create a single page that shows pictures his friends posted to Flickr for their stories.He is an alright scripter but doesnt have much experience in pulling data from web services.http://flickr.com/photos/vincrosbie/272731405/in/set-72157594333567936/http://flickr.com/photos/rileyroxx/184275717/http://flickr.com/photos/bill_flickr/287530370/http://flickr.com/photos/pulpolux/10769253/

He first browses to the Flickr site, finds the relevant info, and copies the Her friend Jon wants to do a similar thing.

Later on, Flickr changes their site format. Explorer breaks. But hey, the proxy protocol is online, too!

To keep track of everyones progress, hed like to create a single page that shows pictures his friends posted to Flickr for their stories.He is an alright scripter but doesnt have much experience in pulling data from web services.http://flickr.com/photos/vincrosbie/272731405/in/set-72157594333567936/http://flickr.com/photos/rileyroxx/184275717/http://flickr.com/photos/bill_flickr/287530370/http://flickr.com/photos/pulpolux/10769253/

He first browses to the Flickr site, finds the relevant info, and copies the Her friend Jon wants to do a similar thing.

Later on, Flickr changes their site format. Explorer breaks. But hey, the proxy protocol is online, too!

He first browses to the Flickr site, finds the relevant info, and copies the Her friend Jon wants to do a similar thing.

Later on, Flickr changes their site format. Explorer breaks. But hey, the proxy protocol is online, too!

He then turns on the API Explorer, which re-renders the pageHe then turns on the API Explorer, which re-renders the pageHe then turns on the API Explorer, which re-renders the pageHe then turns on the API Explorer, which re-renders the pageHe then turns on the API Explorer, which re-renders the pageChris, another editor at the magazineUser-centered design; recruit