The document describes a project for a tangible user interface table for interacting with digital media collections. It involves recognizing tangible objects on the table, prototyping an interface that allows for organizing and playing music collections using gestures, and visualizing music data through infographics. The goal is to create an intuitive home system for enjoying and managing music collections.
1. a project for table-based tangible user interaction
impa multidisciplinary workshop on interactive media & natural interfaces
coordinator luiz velho
media assistants marcelo cicconet, ilana paterman & priscila freire
group andré maximo & maria paula saba
video image
2. environment impa | visgraf 2008
andré e maria paula
environment
concepts
i-table + reacTIVision interface
prototype
media
3. environment
impa | visgraf 2008
andré e maria paula
environment
concepts
tangible objects recognition interface
prototype
media
4. environment
impa | visgraf 2008
andré e maria paula
environment
concepts
tangible objects recognition interface
prototype
multi-touch interaction
media
5. concepts impa | visgraf 2008
andré e maria paula
environment
concepts
tangible collections interface
prototype
are becoming intangible
media
6. concepts impa | visgraf 2008
andré e maria paula
environment
concepts
tangible collections interface
prototype
are becoming intangible
media
7. concepts impa | visgraf 2008
andré e maria paula
environment
concepts
tangible collections interface
prototype
are becoming intangible
media
8. concepts impa | visgraf 2008
andré e maria paula
environment
concepts
tangible collections interface
prototype
are becoming intangible
media
9. concepts impa | visgraf 2008
andré e maria paula
environment
concepts
multimedia worktable interface
prototype
for collectable media
digital in/out worktable material in/out
www.
tangible collection
media
10. concepts impa | visgraf 2008
andré e maria paula
environment
concepts
multimedia worktable interface
prototype
for collectable media
digital in/out worktable material in/out
www.
music
tangible collection
media
11. concepts impa | visgraf 2008
andré e maria paula
environment
concepts
home use and easy for anyone to play interface
prototype
media
12. concepts impa | visgraf 2008
andré e maria paula
environment
concepts
home use and easy for anyone to play interface
prototype
intend to music lovers and collectors
media
13. interface impa | visgraf 2008
andré e maria paula
environment
concepts
music player interface
prototype
media
14. interface impa | visgraf 2008
andré e maria paula
environment
concepts
music player + collection organization [fiducial-based] interface
prototype
media
15. interface impa | visgraf 2008
andré e maria paula
environment
concepts
music player + collection organization [fiducial-based] interface
prototype
data visualization
media
16. interface impa | visgraf 2008
andré e maria paula
environment
concepts
music player + collection organization [fiducial-based] interface
prototype
data visualization + playlist maker [hyper-cube]
media
17. interface impa | visgraf 2008
andré e maria paula
environment
concepts
intuitive gestures for manipulation of floating 2.5D objects interface
prototype
media
18. interface impa | visgraf 2008
andré e maria paula
environment
concepts
intuitive gestures for manipulation of floating 2.5D objects interface
prototype
Even Flow
Ten - Pearl Jam
2:14 -4:56
media
19. interface impa | visgraf 2008
andré e maria paula
environment
concepts
intuitive gestures for manipulation of floating 2.5D objects interface
prototype
Even Flow
Ten - Pearl Jam
2:14 -4:56
media
20. interface impa | visgraf 2008
andré e maria paula
environment
concepts
intuitive gestures for manipulation of floating 2.5D objects interface
prototype
Even Flow
Ten - Pearl Jam
2:14 -4:56
1. Killing Moon
2. Ever fallen in Love
3. Dance with me
4. Don’t go
5. Dancing with myself
6. Heart of Glass
7. O Pamela
8. Blue Monday
9. Human Fly
10. Bela Lugosi’s Dead
11. Escape with Myself
12. Let me Go
media
21. interface impa | visgraf 2008
andré e maria paula
environment
concepts
intuitive gestures for manipulation of floating 2.5D objects interface
prototype
Even Flow
Ten - Pearl Jam
2:14 -4:56
1. Killing Moon
2. Ever fallen in Love
3. Dance with me
4. Don’t go
11. Escape with Myself
5. Dancing with myself
Nouvelle Vague
6. Heart of Glass
7. O Pamela
8. Blue Monday
9. Human Fly
10. Bela Lugosi’s Dead
11. Escape with Myself
12. Let me Go
media
22. interface impa | visgraf 2008
andré e maria paula
environment
concepts
intuitive gestures for manipulation of floating 2.5D objects interface
prototype
Even Flow
Ten - Pearl Jam
2:14 -4:56
11.
Es
ca
pe
wi
th
My
se
lf
1. Killing Moon
2. Ever fallen in Love
3. Dance with me
4. Don’t go
5. Dancing with myself
6. Heart of Glass
7. O Pamela
8. Blue Monday
9. Human Fly
10. Bela Lugosi’s Dead
11. Escape with Myself
12. Let me Go
media
23. interface impa | visgraf 2008
andré e maria paula
environment
concepts
fiducials as tangible customizable collections interface
prototype
na o
ria t
Ad nhot
lc a
Ca
1. Killing Moon
2. Ever fallen in Love
3. Dance with me
4. Don’t go
5. Dancing with myself
6. Heart of Glass
7. O Pamela
8. Blue Monday
9. Human Fly
10. Bela Lugosi’s Dead
11. Escape with Myself
12. Let me Go
media
24. interface
media
time
0:15
0:30
1:00
1:15
1:30
1:45
2:00
2:15
2:30
2:45
3:00
3:15
3:30
3:45
4:00
4:15
4:30
4:45
5:00
5:15
5:30
5:45
6:00
6:15
6:30
6:45
7:00
7:15
7:30
7:45
8:00
8:15
8:30
8:45
9:00
9:15
9:30
9:45
10:00
10:15
10:30
10:45
11:00
11:15
11:30
11:45
12:00
12:15
12:30
12:45
13:00
13:15
13:30
13:45
14:00
14:15
2raumwohnung
Alanis Morissette
Adriana Calcanhoto
Apoptygma Berzerk
Ascii Disko
Bauhaus
Boyz Noise
music data displayed in infographics
CSS
Cazuza
CAssia Eller
Chicks on Speed
Deichkind
David Bowie
Depeche Mode
Die Form
Egotronic
Emilie Simon
Garbage
year
Juno Soundtrack
genre
Karl Bartos
Kraftwerk
Legiao Urbana
playcount
Madonna
Manu Chao
artist
Marilyn Manson
Melotron
Miss Kittin
Modeselektor
Mutantes
Nouvelle Vague
Pearl Jam
Pink Floyd
Placebo
Portishead
Rocky Horror...
Silverchair
Technoir
The BEatles
Tiefschwarz
VNV Nation
Vive la Fete
year
playcount
genre
impa | visgraf 2008
prototype
interface
concepts
environment
andré e maria paula
25. interface
media
year
1855
1840
1951
1945
1937
1923
1914
1901
1879
1855
1840
1951
1945
1937
1923
1914
1901
1879
1855
1840
1951
1945
1937
1923
1914
1901
1879
1855
1840
1951
1945
1937
1923
1914
1901
1879
1855
1840
1951
1945
1937
1923
1914
1901
1879
1855
1840
1951
1945
1937
1923
1914
1901
1879
1855
1840
2raumwohnung
Alanis Morissette
Adriana Calcanhoto
Apoptygma Berzerk
Ascii Disko
Bauhaus
Boyz Noise
music data displayed in infographics
CSS
Cazuza
CAssia Eller
Chicks on Speed
Deichkind
David Bowie
Depeche Mode
Die Form
Egotronic
Emilie Simon
Garbage
time
Juno Soundtrack
genre
Karl Bartos
Kraftwerk
Legiao Urbana
playcount
Madonna
Manu Chao
artist
Marilyn Manson
Melotron
Miss Kittin
Modeselektor
Mutantes
Nouvelle Vague
Pearl Jam
Pink Floyd
Placebo
Portishead
Rocky Horror...
Silverchair
Technoir
The BEatles
Tiefschwarz
VNV Nation
Vive la Fete
playcount
time
genre
impa | visgraf 2008
prototype
interface
concepts
environment
andré e maria paula
26. interface impa | visgraf 2008
andré e maria paula
environment
concepts
music data displayed in infographics interface
prototype
playcount
time
genre
1840 Karl Bartos
Kraftwerk
1855
1879
1901
1914
Legiao Urbana
1923
1937
1945
Madonna
1951
1840
1855
1879
Manu Chao
1901
1914
1923
Marilyn
1937
1945
1951
1840
Manson
1855
playcount
1879
1901
Melotron
1914
1923
genre
1937
1945
Miss Kittin
time
1951
1840
1855
Modeselektor
1879
year
1901
1914
1923
Mutantes
1937
1945
1951
1840
Nouvelle Vague
1855
1879
1901
Pearl Jam
1914
1923
1937
1945
Pink Floyd
1951
1840
1855
Placebo
1879
1901
1914
1923
Portishead
1937
1945
1951
1840
1855
Legiao Urbana
2raumwohnung
Bauhaus
Deichkind
David Bowie
Depeche Mode
Modeselektor
Nouvelle Vague
Silverchair
Garbage
Mutantes
Pearl Jam
VNV Nation
Alanis Morissette
Placebo
Adriana Calcanhoto
Ascii Disko
Boyz Noise
CSS
Cazuza
CAssia Eller
Chicks on Speed
Die Form
Egotronic
Emilie Simon
Juno Soundtrack
Karl Bartos
Madonna
Manu Chao
Kraftwerk
Apoptygma Berzerk
Marilyn Manson
Melotron
Miss Kittin
Pink Floyd
Portishead
Technoir
The BEatles
Tiefschwarz
Vive la Fete
Rocky Horror...
artist
media
27. interface impa | visgraf 2008
andré e maria paula
environment
concepts
music data displayed in infographics interface
prototype
artist
playcount
time
1840
1855
1879
1901
1914
1923
1937
1945
1951
1840
1855
1879
Playlist
1901
1914
1923
1937
1945
1951
1840
Rock
1855
playcount
1879
1901
1914
Rock Brasil
1923
1937
artist
1945
time
+
1951
1840
1855
1879
1947-1990
year
1901
1914
1923
1937
1945
1951
1840
1855
1879
1901
1914
1923
1937
1945
1951
1840
1855
1879
1901
1914
1923
1937
1945
1951
1840
1855
Industrial
Jazz
Rock Brasil
Synthpop
Trip Hop
Alternative
Eletronic
Indie
MPB
Pop
Rock
Soundtrack
Futurepop
Hip Hop/Rap
Reggae
genre
media
28. interface impa | visgraf 2008
andré e maria paula
environment
concepts
music data displayed in infographics interface
prototype
allowing to make smart playlists artist
playcount
time
1840
1855
1879
1901
1914
1923
1937
1945
1951
1840
1855
1879
Playlist
1901
1914
1923
1937
1945
1951
1840
Rock
1855
playcount
1879
1901
1914
Rock Brasil
1923
1937
artist
1945
time
+
1951
1840
1855
1879
1947-1990
year
1901
1914
1923
1937
1945
1951
1840
1855
1879
1901
1914
1923
1937
1945
1951
1840
1855
1879
1901
1914
1923
1937
1945
1951
1840
1855
Industrial
Jazz
Rock Brasil
Synthpop
Trip Hop
Alternative
Eletronic
Indie
MPB
Pop
Rock
Soundtrack
Futurepop
Hip Hop/Rap
Reggae
genre
media
29. interface impa | visgraf 2008
andré e maria paula
environment
concepts
music data displayed in infographics interface
prototype
allowing to make smart playlists artist
playcount
time
1840
1855
1879
1901
1914
1923
1937
1945
1951
1840
1855
1879
Playlist
1901
1914
1923
1937
1945
1951
1840
Rock
1855
playcount
1879
1901
1914
Rock Brasil
1923
1937
artist
1945
time
+
1951
1840
1855
1879
1947-1990
year
1901
1914
1923
1937
1945
1951
1840
1855
1879
1901
1914
1923
1937
1945
1951
1840
1855
1879
1901
1914
1923
1937
1945
1951
1840
1855
Industrial
Jazz
Rock Brasil
Synthpop
Trip Hop
Alternative
Eletronic
Indie
MPB
Pop
Rock
Soundtrack
Futurepop
Hip Hop/Rap
Reggae
genre
media
30. interface impa | visgraf 2008
andré e maria paula
environment
concepts
bitmap font to enhance legibility interface
prototype
elementar system [gustavo ferreira]
media
31. interface impa | visgraf 2008
andré e maria paula
environment
concepts
bitmap font to enhance legibility interface
prototype
elementar system [gustavo ferreira]
media
32. prototype impa | visgraf 2008
andré e maria paula
environment
concepts
built on top of iTunes interface
prototype
media
33. prototype impa | visgraf 2008
andré e maria paula
environment
concepts
built on top of iTunes interface
prototype
python language
media
34. prototype impa | visgraf 2008
andré e maria paula
environment
concepts
built on top of iTunes interface
prototype
python language
cross platform
media
35. prototype impa | visgraf 2008
andré e maria paula
environment
concepts
TUIO simulator interface
prototype
media
36. prototype impa | visgraf 2008
andré e maria paula
environment
concepts
music player [cover flow] interface
prototype
media
37. prototype impa | visgraf 2008
andré e maria paula
environment
concepts
collection organization [fiducial-based] interface
prototype
media
38. prototype impa | visgraf 2008
andré e maria paula
environment
concepts
data visualization [hyper-cube] interface
prototype
media
39. impa | visgraf 2008
andré e maria paula
thank you!
special thanks
bernardo schorr
claudio esperança
felipe moura
guilherme miranda
gustavo ferreira
ilana paterman
luiz velho
noni geiger
media