Sample requirements for the final project

1
Sample requirements for the final project
Reference Number ______4.1________________
(F)unction/(N)on-functional F_ Summary The robot
must be able to grab the paper ball when the
inside of its front gripper comes into contact
with it. The user is responsible for guiding the
robot to the paper _______________________________
_____________________________________ Source
Josh Bongard (in charge of automated robot
behaviors) _______________________________________
_____________________________ Rationale The
physical contact between the paper and the robot
provides a clear signal to the robot nothing
else on the table can touch the inside of the
robots gripper, so this does not need to be a
user-mediated response. __________________________
__________________________________________ Success
criteria The robot grabs 90 of the
randomly-created paper wads placed on the table
during testing. __________________________________
__________________________________ Dependencies /
Conflicts Requirement 4.2 _______________________
_____________________________________________ Prio
rity 1 2 3 4 5
2
Sample requirements for the final project
Reference Number ______4.2________________
(F)unction/(N)on-functional F_ Summary The paper
wads will be created by the designers, not by the
users. ___________________________________________
_________________________ Source John Doe (in
charge of experimental set up) ___________________
_________________________________________________
Rationale Users may not create sufficiently
dense and small paper wads to be detected by the
robot (see requirement 4.1). _____________________
_______________________________________________ Su
ccess criteria Guaranteed _______________________
_____________________________________________ Depe
ndencies / Conflicts Requirement
4.1 ______________________________________________
______________________ Priority 1 2 3 4 5
3
CS228 Human-Computer Interaction
Displaying Visual Information Information design
strategies Simplification systematization
providing all the data providing
metaphors Edward Tufte, Yale professor emeritus
of graphic design / political economy Written
three seminal works in information design The
Visual Display of Quantitative Information
(1983) about pictures of numbers Envisioning
Information (1990) about pictures of
nouns Visual Explanations (1997) about
pictures of verbs Also wrote The Cognitive
Style of PowerPoint (2006) PowerPoint biased
toward deeply hierarchical thinking enforces
sequentiality (handouts allow audience to flip
back and forth)
4
CS228 Human-Computer Interaction
Displaying Visual Information Information design
strategies Simplification systematization
providing all the data providing
metaphors Edward Tufte, Yale professor emeritus
of graphic design / political economy Written
three seminal works in information design The
Visual Display of Quantitative Information
(1983) about pictures of numbers Graphs of
data sets. Often the most effective way to
describe, explore, and summarize a set of
numbers even a very large set is to look at
pictures of those numbers. (but looking is a
passive process) At their best, graphics are
instruments for reasoning about quantitative
information. (manipulation of graphs can
support or disprove your reasoning)
5
CS228 Human-Computer Interaction
Displaying Visual Information How could you
visualize all the data available in Gapminder on
one screen?
Population

Carbon dioxide emissions (tons per capita)

6
CS228 Human-Computer Interaction
Displaying Visual Information How could you
visualize all the data available in Gapminder on
one screen? The rug plot Each pair of variables
corresponds to one panel
One dimensional projections show the clumping in
the data
7
CS228 Human-Computer Interaction
Displaying Visual Information How could you
visualize the recession?
8
CS228 Human-Computer Interaction
Displaying Visual Information How could you
visualize the recession?
Mar. 2, 2006 To Mar. 2, 2007
http//www.smartmoney.com/marketmap/ Treemap
visualization technique
9
CS228 Human-Computer Interaction
Displaying Visual Information How could you
visualize the recession?
Friday, Mar. 2, 2007
http//www.smartmoney.com/marketmap/
http//www.smartmoney.com/marketmap/ Treemap
visualization technique
10
CS228 Human-Computer Interaction
Displaying Visual Information Information design
strategies Simplification systematization
providing all the data providing
metaphors Edward Tufte, Yale professor emeritus
of graphic design / political economy Written
three seminal works in information
design Envisioning Information (1990) about
pictures of nouns Maps, networks ? many nouns
lying on the ground There is an correspondence
between spatial organization of the physical
objects that gave rise to the data, and spatial
organization of the visual representation of the
data. (correspondence does not have to be
perfect)
11
CS228 Human-Computer Interaction
How do you get from Borough Station (O) to
Warwick Avenue (O)?
The London underground
12
CS228 Human-Computer Interaction
How do you get from Borough Station (O) to
Warwick Avenue (O)?
The London underground
13
CS228 Human-Computer Interaction
Displaying Visual Information Information design
strategies Simplification systematization
providing all the data providing
metaphors Edward Tufte, Yale professor emeritus
of graphic design / political economy Written
three seminal works in information
design Visual Explanations (1997) about
pictures of verbs Representation of mechanism,
motion, process, dynamics, cause and effect,
explanation and narrative. Q How to convey
motion/change in an unchanging image?
14
CS228 Human-Computer Interaction
Displaying Visual Information Visual Explanations
(1997) about pictures of verbs Representation
of mechanism, motion, process, dynamics, cause
and effect, explanation and narrative. Q How to
convey motion/change in an unchanging image?
t0sec
t1sec
30deg
10deg
t0sec
t1sec
20deg/sec
10deg/sec
15
CS228 Human-Computer Interaction
Displaying Visual Information Visual Explanations
(1997) about pictures of verbs Representation
of mechanism, motion, process, dynamics, cause
and effect, explanation and narrative. Q How to
convey motion/change in an unchanging image?
t0sec
t1sec
30deg
10deg
t0sec
t1sec
20deg/sec
10deg/sec
16
CS228 Human-Computer Interaction
Displaying Visual Information Visual Explanations
(1997) about pictures of verbs Representation
of mechanism, motion, process, dynamics, cause
and effect, explanation and narrative. Q How to
convey motion/change in an unchanging image?
t0sec
t1sec
30deg
10deg
0sec
t0sec
t1sec
1sec
20deg/sec
10deg/sec
17
CS228 Human-Computer Interaction
11 mental models that the computer created on its
own to try and understand the pendulum
d?/dt0.45-7.63 d?/dtsin(?-?)
cos(?/?/t)) d?/dt ? d?/dt -5.78
sin(sin(?)) - ? ?angle (deg) ?angular
velocity (deg/sec) d?/dt Change in
angle over time d?/dt Change in angular
velocity over time
The structure the computer is trying to build a
mental model of
18
CS228 Human-Computer Interaction
Visual Explanations (1997) about pictures of
verbs Q How to illustrate cause and
effect? Q South Korea developed faster than
Brazil in the last 20 years. Why?
19
CS228 Human-Computer Interaction
In-class exercise Visualizing the NetFlix Prize
data NetFlix Website that allows you to select
movies they are mailed to you you watch them
you mail them back and provide a 1-5 star rating
of the movie. NetFlix Prize 1,000,000 to the
team that can create the best predictor of
how a user will rate a movie. NetFlix Prize
Data
Movie_titles.txt 10120,1982,Bladerunner 1769
0,2007,The Queen

• 2.1 gigabytes of data
• Training_set1.txt
• Training_set17770.txt
• CustomerID,Rating,Date
• MovieIDs range from 1 to 17770 sequentially.-
  CustomerIDs range from 1 to 2649429,
• with gaps. There are 480189 users.- Ratings are
  on a five star scale from 1 to 5.- Dates have
  the format YYYY-MM-DD.
• 1 Movie 1 of 17770
• Ex 1080116, 3, 2006-04-17
• 12, 5, 2003-07-07

Qualifying.txt MovieID1CustomerID11,Date11
rating?CustomerID12,Date12 rating?
...MovieID2CustomerID21,Date21
rating? CustomerID22,Date22 rating?
Q How would you visualize this data? What
global properties could you pull out of it?