CS376 Introduction

1
Browse-Mash-Remix Tools for rewriting the web
Björn Hartmann, Leslie Wu, Kevin Collins, Scott
R. Klemmer
webmontag 29 January 2007
2
The Goal
Software tools to support exploration, creation,
and sharing of web service-enabled applications
Killer Applications
Situational Applications
3
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)

4
Scenario
Phoebe
Tod
Scott
(cc) Images from Vin Crosbie and Riley Roxx,
CrazyPixels, Pulpolux
5
Scenario
(cc) Images from Vin Crosbie and Riley Roxx,
CrazyPixels, Pulpolux
6
(No Transcript)
7
(No Transcript)
8
(No Transcript)
9
(No Transcript)
10
(No Transcript)
11
(No Transcript)
12
(No Transcript)
13
flickr.people.getInfo(nsid12037949754_at_N01).use
rnamescootdoor
14
flickr.photos.search(user_id 79455386_at_N00) Ret
urns photo list XML Optional arguments tags
restrict list to matching tags text Search for
matching text
copy to clipboard
copy to wiki
15
flickr.photos.search(user_id 79455386_at_N00) Ret
urns photo list XML Optional arguments tags
restrict list to matching tags text Search for
matching text
copy to clipboard
copy to wiki
16
(No Transcript)
17
(No Transcript)
18
(No Transcript)
19
flickr.photos.search(user_id 79455386_at_N00) Ret
urns photo list XML Optional arguments tags
restrict list to matching tags text Search for
matching text
copy to clipboard
copy to wiki
20
(No Transcript)
21
(No Transcript)
22
Scenario
Hey, I could use one of them pages myself!
(cc) Images from Vin Crosbie and Riley Roxx,
CrazyPixels, Pulpolux
23
Remix!
24
(No Transcript)
25
(No Transcript)
26
Does this actually work?
27
Yeah, kinda sorta.
28
Real code, running in a Ruby sandbox within the
Wiki.
29
Real code, running in a Ruby sandbox within the
Wiki.
Another node in the wiki
30
Real proxy to inject HTML annotations, but fake
example.
API Explorer Proxy
Common Data Structures
31
Interested? Contact us at mashups_at_cs.stanford.edu