zoetrope: interacting with the ephemeral web
DESCRIPTION
Eytan Adar, Mira Dontcheva James Fogarty, Dan Weld University of Washington & Adobe Systems. Zoetrope: Interacting with the Ephemeral Web . The Dynamic Web. WWW. The Now Web. See the web through a browser of “now”. Access services through an index of “now”. Temporally insensitive - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/1.jpg)
Zoetrope:Interacting with the Ephemeral Web Eytan Adar, Mira DontchevaJames Fogarty, Dan Weld
University of Washington & Adobe Systems
![Page 2: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/2.jpg)
The Dynamic Web
WWW
![Page 3: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/3.jpg)
The Now WebSee the web through a browser of “now” Access services through
an index of “now”
Temporally insensitive(ignore temporal context and historical values)
![Page 4: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/4.jpg)
Is this really a good price?
![Page 5: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/5.jpg)
Is this really a good price?
When is really the right time to buy?
![Page 6: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/6.jpg)
What is the relationship between weather and traffic in Seattle?
![Page 7: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/7.jpg)
What is the relationship between traffic and temperature in Seattle?
Now what?
Manually collect, page by page
![Page 8: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/8.jpg)
traffic and temperature in Seattle?an alternative…
t
t
Temp
Travel time
![Page 9: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/9.jpg)
Related Work
• Evolution of the Web [Fetterly et al., WWW ‘03][Ntoulas et al., WWW ‘04] Internet Archives
Photo
![Page 10: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/10.jpg)
Related Work
• Evolution of the Web • Monitoring
[Sugiura & Koseki, UIST ’98][Greenberg & Boyle, GI ‘06]Photo
![Page 11: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/11.jpg)
Related Work
• Evolution of the Web • Monitoring• Clipping & Aggregating
[schraefel et al., WWW ‘02][Dontcheva et al., UIST ‘07]
Photo
![Page 12: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/12.jpg)
Our Approach
![Page 13: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/13.jpg)
Zoetrope Architecture
CrawlerWeb
Data StoreXML/Images/Text/…
Zoetrope Engine … …O1 O2 O3
Zoetrope Front End
R1 R2 R3
![Page 14: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/14.jpg)
Content Streams & Operators
{… <Ti , Ci> , <Ti+1 , Ci+1> , …}
Time stamp
Content (typed, but can be anything: HTML, images)
![Page 15: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/15.jpg)
Content Streams & Operators
{… <Ti , Ci> …} Transform Operator
Filter Operator
Render Operator
Output: Content stream with modified data payloads (Ci’)
Input: Content Stream
Output: Subset of Content StreamOutput: “Visual” Output
![Page 16: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/16.jpg)
Construct everything from operators
Lens, locked to coordinate
{… <Ti , Ci> …} Generate Images
Crop to Rectangle
Pick image based on
slider
Render into lens
![Page 17: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/17.jpg)
Construct everything from operators
{… <Ti , Ci> …} Select DOM forest
Extract numerical
value
Render into time series
<…> $49.10 <…><…> $4310 <…><…> $44.10 <…><…> $50.20 <…> 49.10 43.10
44.10
50.20
![Page 18: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/18.jpg)
LENSES
![Page 19: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/19.jpg)
Visual (same place on screen)
![Page 20: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/20.jpg)
Structural (same place in HTML)
DOM Structure
![Page 21: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/21.jpg)
Content (same text)
![Page 22: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/22.jpg)
Filters
![Page 23: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/23.jpg)
RENDERERS
![Page 24: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/24.jpg)
![Page 25: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/25.jpg)
![Page 26: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/26.jpg)
![Page 27: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/27.jpg)
Binding Lenses
![Page 28: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/28.jpg)
Demo
![Page 29: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/29.jpg)
Contributions
• Visual programming toolkit for temporal Web content• Semantics for temporal data streams• Operators for fast processing of temporal
data streams• Indexing structures for fast processing and
interaction with Web content over time
![Page 30: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/30.jpg)
Future Work
• Evaluation– User Study– Performance
![Page 31: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/31.jpg)
Future Work
• Evaluation– User Study– Performance
• Data gathering
![Page 32: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/32.jpg)
Information Arbitrage
• Combine observations to improve granularity
cnn.com
Weather.com
time
![Page 33: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/33.jpg)
Future Work
• Evaluation– User Study– Performance
• Data gathering• Scaling up
![Page 34: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/34.jpg)
Possible Distributed Architecture
• Server collects snapshots• Client collects finer resolution– Gaps?
• DHT for collected data (good for intervals)• Query: operator chain + data– Release on similarity threshold– Repeat
![Page 35: Zoetrope: Interacting with the Ephemeral Web](https://reader033.vdocuments.us/reader033/viewer/2022051702/5681673d550346895ddbee51/html5/thumbnails/35.jpg)
Thanks!
Jaime Teevan, Susan Dumais, Rob Miller , GRAIL, DUB
NSF Graduate Fellowship, ARCS, WRF/TJ Cable Professorship
?