Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel...
Transcript of Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel...
![Page 1: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/1.jpg)
stanford hci group
Paper + Digital Applicationsfor mobility and collaboration
Ron B Yeh14 November 2006
UNIFOR
![Page 2: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/2.jpg)
2
Augmenting Notebooks
![Page 3: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/3.jpg)
3
Augmenting Walls and Tables
![Page 4: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/4.jpg)
4
Designing & Building
Paper Interactions
![Page 5: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/5.jpg)
5
BackgroundResearch
![Page 6: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/6.jpg)
6
Fluid Interaction with Paper
![Page 7: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/7.jpg)
7
Qa
Interviews and Observations
![Page 8: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/8.jpg)
8
Los Tuxtlas Tropical Rainforest
![Page 9: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/9.jpg)
9
We also observed that…
The process of capturing data is easy, but…
…the data are not.
Accessing
Transforming
Sharing
![Page 10: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/10.jpg)
10
Clear Difference in Advantages
Paper Notebooks [Robust, ∞ “Battery”, …]
Computers [Search, Storage, Sharing, …]
![Page 11: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/11.jpg)
11
Digitizing Pen Technology
![Page 12: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/12.jpg)
12
Digitizing Pen Technology
![Page 13: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/13.jpg)
13
Augmenting Notebooks
![Page 14: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/14.jpg)
14
![Page 15: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/15.jpg)
15
Notes + Photos associated by time
notes @ 4:43pm photo @ 4:44pm
Automatic Association
![Page 16: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/16.jpg)
16
Notes + Photos associated by Inked Gesture (Hotspot Gestures)
Manual Association
![Page 17: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/17.jpg)
Video #0Hotspot Linking
![Page 18: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/18.jpg)
18
ButterflyNet Browser
![Page 19: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/19.jpg)
19
![Page 20: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/20.jpg)
20
![Page 21: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/21.jpg)
21
![Page 22: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/22.jpg)
22
![Page 23: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/23.jpg)
Video #1Browser & Spreadsheet
![Page 24: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/24.jpg)
24
Browse using the Physical Notebook
Navigate by Pen
![Page 25: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/25.jpg)
25
Longitudinal Evaluation
Used By:Field Biologists at JRBP/StanfordNASA Researchers(Death Valley, Alaska Toolik Field Station)
Anthropologists at Intel Digital HomeDesign Students at Stanford
![Page 26: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/26.jpg)
26
Augmenting Walls and Tables
![Page 27: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/27.jpg)
27
Poster-Sized Displays
The Office of the Future
![Page 28: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/28.jpg)
28
![Page 29: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/29.jpg)
29
Download Photographs
Photo Wall
![Page 30: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/30.jpg)
Video #2Photo Wall
![Page 31: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/31.jpg)
31
![Page 32: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/32.jpg)
Video #3Network Monitoring
![Page 33: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/33.jpg)
33Search for Photographs
Map-Based Queries
![Page 34: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/34.jpg)
Video #4Twistr Game
![Page 35: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/35.jpg)
35
Designing & Building
Paper Interactions
![Page 36: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/36.jpg)
36
Reduce, Recycle, Reuse (R3)A Paper Applications Toolkithttp://hci.stanford.edu/paper/
![Page 37: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/37.jpg)
37
Goals for the Toolkit
Lower the threshold for building this class of pen-based paper + digital user interfaces.
Provide a high enough ceiling that talented designers/developers can do interesting research and build useful systems.
![Page 38: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/38.jpg)
38
Pipeline for building a Paper + Digital Application
Design and Print the Paper User Interface
Architect the Application Logic and Connect the Sheets to Pens and Other Devices
Write custom GUIs and Event Handlers
![Page 39: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/39.jpg)
39
Designing and Printing
Create the Paper Interface in Illustrator (or some other tool) and Export to PDF
Add Active Regions through Java Code or the Interactive Designer
Export to Pattern-Augmented PDF
Print to Laser Printer or Wide-format Inkjet
![Page 40: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/40.jpg)
40
![Page 41: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/41.jpg)
41
![Page 42: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/42.jpg)
42
![Page 43: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/43.jpg)
43
Event HandlersAdd behavior to your Paper UI by attaching code
that will be run whenever a person clicks on, drags on, writes on one of your active regions.
toBeClickedRegion.addEventHandler(new ClickHandler() {
public void clicked(PenEvent e) {
< do something >
}
}
}
![Page 44: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/44.jpg)
44
Building Blocks
Sheets, Regions, HandlersDevices, PensApplicationsToolkit
![Page 45: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/45.jpg)
45
Powerpoint Advancer Example
![Page 46: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/46.jpg)
46
Turn Pen Events into Keystrokespublic static void main(String[] args) {Application app = new Application("Advancer");Sheet s = new Sheet(new Inches(8.5), new Inches(11));
Region r = new Region("Button", 1, 1, 4, 2);r.addEventHandler(getMarkHandler());s.addRegion(r);app.addSheet(s, new File("data/Grid/App.patternInfo.xml"));
app.addPen(new Pen("Primary Pen"));PaperToolkit toolkit = new PaperToolkit();toolkit.startApplication(app);
}
![Page 47: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/47.jpg)
47
Create an Applicationpublic static void main(String[] args) {Application app = new Application("Advancer");Sheet s = new Sheet(new Inches(8.5), new Inches(11));
Region r = new Region("Button", 1, 1, 4, 2);r.addEventHandler(getMarkHandler());s.addRegion(r);app.addSheet(s, new File("data/Grid/App.patternInfo.xml"));
app.addPen(new Pen("Primary Pen"));PaperToolkit toolkit = new PaperToolkit();toolkit.startApplication(app);
}
![Page 48: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/48.jpg)
48
Add one Sheetpublic static void main(String[] args) {Application app = new Application("Advancer");Sheet s = new Sheet(new Inches(8.5), new Inches(11));
Region r = new Region("Button", 1, 1, 4, 2);r.addEventHandler(getMarkHandler());s.addRegion(r);app.addSheet(s, new File("data/Grid/App.patternInfo.xml"));
app.addPen(new Pen("Primary Pen"));PaperToolkit toolkit = new PaperToolkit();toolkit.startApplication(app);
}
![Page 49: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/49.jpg)
49
One Patterned Regionpublic static void main(String[] args) {Application app = new Application("Advancer");Sheet s = new Sheet(new Inches(8.5), new Inches(11));
Region r = new Region("Button", 1, 1, 4, 2);r.addEventHandler(getMarkHandler());s.addRegion(r);app.addSheet(s, new File("data/Grid/App.patternInfo.xml"));
app.addPen(new Pen("Primary Pen"));PaperToolkit toolkit = new PaperToolkit();toolkit.startApplication(app);
}
![Page 50: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/50.jpg)
50
Use the Marking Gesture Handlerpublic static void main(String[] args) {Application app = new Application("Advancer");Sheet s = new Sheet(new Inches(8.5), new Inches(11));
Region r = new Region("Button", 1, 1, 4, 2);r.addEventHandler(getMarkHandler());s.addRegion(r);app.addSheet(s, new File("data/Grid/App.patternInfo.xml"));
app.addPen(new Pen("Primary Pen"));PaperToolkit toolkit = new PaperToolkit();toolkit.startApplication(app);
}
![Page 51: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/51.jpg)
51
Add the Region & Sheetpublic static void main(String[] args) {Application app = new Application("Advancer");Sheet s = new Sheet(new Inches(8.5), new Inches(11));
Region r = new Region("Button", 1, 1, 4, 2);r.addEventHandler(getMarkHandler());s.addRegion(r);app.addSheet(s, new File("data/Grid/App.patternInfo.xml"));
app.addPen(new Pen("Primary Pen"));PaperToolkit toolkit = new PaperToolkit();toolkit.startApplication(app);
}
![Page 52: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/52.jpg)
52
We need at least 1 Penpublic static void main(String[] args) {Application app = new Application("Advancer");Sheet s = new Sheet(new Inches(8.5), new Inches(11));
Region r = new Region("Button", 1, 1, 4, 2);r.addEventHandler(getMarkHandler());s.addRegion(r);app.addSheet(s, new File("data/Grid/App.patternInfo.xml"));
app.addPen(new Pen("Primary Pen"));PaperToolkit toolkit = new PaperToolkit();toolkit.startApplication(app);
}
![Page 53: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/53.jpg)
53
Ask the Toolkit to Start the Apppublic static void main(String[] args) {Application app = new Application("Advancer");Sheet s = new Sheet(new Inches(8.5), new Inches(11));
Region r = new Region("Button", 1, 1, 4, 2);r.addEventHandler(getMarkHandler());s.addRegion(r);app.addSheet(s, new File("data/Grid/App.patternInfo.xml"));
app.addPen(new Pen("Primary Pen"));PaperToolkit toolkit = new PaperToolkit();toolkit.startApplication(app);
}
![Page 54: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/54.jpg)
54
Marking Gesture Handler?private static EventHandler getMarkHandler() {return new GestureHandler() {public void handleMark(PenEvent e, GestureDirection dir) {switch (dir) {default:RobotAction robot = new RobotAction();robot.keyType(KeyEvent.VK_RIGHT);robot.invoke();break;
}}
};}
![Page 55: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/55.jpg)
55
The Event includes the Mark’s Direction
private static EventHandler getMarkHandler() {return new GestureHandler() {public void handleMark(PenEvent e, GestureDirection dir) {switch (dir) {default:RobotAction robot = new RobotAction();robot.keyType(KeyEvent.VK_RIGHT);robot.invoke();break;
}}
};}
![Page 56: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/56.jpg)
56
To Key Strokeprivate static EventHandler getMarkHandler() {return new GestureHandler() {public void handleMark(PenEvent e, GestureDirection dir) {switch (dir) {default:RobotAction robot = new RobotAction();robot.keyType(KeyEvent.VK_RIGHT);robot.invoke();break;
}}
};}
![Page 57: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/57.jpg)
57
Other Directionsprivate static EventHandler getMarkHandler() {return new GestureHandler() {public void handleMark(PenEvent e, GestureDirection dir) {switch (dir) {case NE: // do somethingbreak;
case E: // do something differentbreak;
default:RobotAction robot = new RobotAction();robot.keyType(KeyEvent.VK_RIGHT);robot.invoke();break;
}} };}
![Page 58: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/58.jpg)
58
Swing Example
![Page 59: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/59.jpg)
59
R3 Example
![Page 60: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/60.jpg)
Video #5Other Paper Applications
![Page 61: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/61.jpg)
61
AudioGuide ExampleWe started out with an idea of making a
mobile audio interface for biologists, and decided that a tourist map would be a good first step.
![Page 62: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/62.jpg)
62
The Map
![Page 63: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/63.jpg)
63
Map Adobe Illustrator
![Page 64: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/64.jpg)
64
Add Active Regions to the PDF
In this case, we used the R3 Acrobat Designer.You may alternatively choose the pure
programmatic route, by writing Java code to define the active regions.
public class AudioGuide extends Application {< lots of stuff >
}
![Page 65: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/65.jpg)
65
Add Active Regions to the PDFpublic class AudioGuide extends Application {public static void main(String[] args) {AudioGuide guide = new AudioGuide();PaperToolkit p = new PaperToolkit();p.useApplicationManager(true);p.loadApplication(guide);
}< lots of stuff >
}
![Page 66: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/66.jpg)
66
Add Active Regions to the PDFpublic class AudioGuide extends Application {public static void main(String[] args) {AudioGuide guide = new AudioGuide();PaperToolkit p = new PaperToolkit();p.useApplicationManager(true);p.loadApplication(guide);
}< lots of stuff >
}
![Page 67: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/67.jpg)
67
![Page 68: Paper Digital Applications - Stanford University · 11/14/2006 · Anthropologists at Intel Digital Home Design Students at Stanford. 26 Augmenting Walls and Tables. 27 Poster-Sized](https://reader036.fdocuments.in/reader036/viewer/2022071015/5fcda5b3610f076765370fe1/html5/thumbnails/68.jpg)
68
Conclusions
Audience for the R3 Paper Toolkit isHCI Practitioners like yourself!
Open Source SoftwareCan evolve based on your feedback
http://hci.stanford.edu/paper