Mapping Modernism: The tangible museum

This presents the interactive tangible interface device we built for the Helsinki Museum of Design. It would be better in video, as it was heavily animated.
You can see some footage of the device at http://vimeo.com/11616697

Transcript

1. Mapping Modernism Information visualization and presentation tool
2. Mapping Modernism
3. Mapping Modernism I. Concept
4. Mapping Modernism I. Concept II. Implementation
5. Mapping Modernism I. Concept II. Implementation III. Future
6. I - Concept
7. Modernism
8. Who? Modernism
9. Starting point: picture copyright Bauhaus-Archiv Berlin/ Musée National d'Art Moderne/Centre Pompidou
10. Starting point: picture copyright Bauhaus-Archiv Berlin/ Musée National d'Art Moderne/Centre Pompidou
12. Lázslò Moholy-Nagy Master 1923 United States England World War 1 De Stijl Dada Constructivism CIAM Typography photography Hungarian Walter Gropious Alvar Aalto Marianne Brandt Theo Van Doesburg Soldier wounded Weimar Dessau 1923 1928 1937 1946 Jewish Chicago Director London Isokon Project
13. De Stijl Dada Constructivism Alvar Aalto Marianne Brandt Theo Van Doesburg Weimar Dessau 1923 1928 1937 Chicago Director London Isokon Project Avant-Garde Art Movements Emigration The Bauhaus School Walter Gropious New Bauhaus Lázslò Moholy-Nagy
14. Avant-Garde Art Movements Metal Workshop at the Bauhaus The Bauhaus School Emigration World War I Innovation in Furniture Design Initiatives in Architecture Seven categories
15. Avant-Garde Art Movements Metal Workshop at the Bauhaus The Bauhaus School Emigration World War I Innovation in Furniture Design Initiatives in Architecture • determined by finding most common types of information Seven categories
16. Avant-Garde Art Movements Metal Workshop at the Bauhaus The Bauhaus School Emigration World War I Innovation in Furniture Design Initiatives in Architecture • determined by finding most common types of information • used to discriminate pieces of information Seven categories
17. Avant-Garde Art Movements Metal Workshop at the Bauhaus The Bauhaus School Emigration World War I Innovation in Furniture Design Initiatives in Architecture • determined by finding most common types of information • used to discriminate pieces of information • groups data Seven categories
18. Avant-Garde Art Movements Metal Workshop at the Bauhaus The Bauhaus School Emigration World War I Innovation in Furniture Design Initiatives in Architecture • determined by finding most common types of information • used to discriminate pieces of information • groups data • connects artists Seven categories
19. Starting point: picture copyright Bauhaus-Archiv Berlin/ Musée National d'Art Moderne/Centre Pompidou
20. Starting point: picture copyright Bauhaus-Archiv Berlin/ Musée National d'Art Moderne/Centre Pompidou
22. Lázslò Moholy-Nagy Gunta Stölzl The Bauhaus School László Moholy-Nagy was appointed a master of the metal workshop at the Bauhaus by its first director Walter Gropius, who shared with Moholy-Nagy an enthusiasm for experimental designs aimed for industry. The Bauhaus School Gunta Stölzl joined the Bauhaus as early as 1919 and was studying in the weaving workshop. After she graduated, Stölzl was responsible for the technical direction of the workshop and then became its master. She was a very original weaver, but at the same time she was actively working on the development of industrial fabrics.
23. Lázslò Moholy-Nagy Gunta Stölzl The Bauhaus School The Bauhaus School
24. Goals
25. Goals • use artists as starting points
26. Goals • use artists as starting points • show complex data in a simple, visual way
27. Goals • use artists as starting points • show complex data in a simple, visual way • still give access to more complete data on demand
28. Three questions Who were the artists? How were they related? What were their experiences? The Bauhaus School László Moholy-Nagy was appointed a master of the metal workshop at the Bauhaus by its first director Walter Gropius, who shared with Moholy-Nagy an enthusiasm for experimental designs aimed for industry. The Bauhaus School
29. II - Implementation
30. Three physical elements Markers Table Screen
31. Three key actions Accessing Exploring Deepening
32. Markers
33. • represent artists Markers
34. • represent artists • user’s entry points to the information Markers
35. • represent artists • user’s entry points to the information • allow for an always-custom experience Markers
36. • represent artists • user’s entry points to the information • allow for an always-custom experience Markers
37. Table
38. Table
39. • presents the legend Table
40. • presents the legend Table
41. • presents the legend Table
42. • presents the legend • interactive element Table
43. • presents the legend • interactive element • portal between the physical and the virtual Table
44. • presents the legend • interactive element • portal between the physical and the virtual Table
45. • presents the legend • interactive element • portal between the physical and the virtual Table
46. • presents the legend • interactive element • portal between the physical and the virtual • shows connections between artists Table
47. • presents the legend • interactive element • portal between the physical and the virtual • shows connections between artists Table
48. • presents the legend • interactive element • portal between the physical and the virtual • shows connections between artists Table
49. • presents the legend • interactive element • portal between the physical and the virtual • shows connections between artists • allows for custom visualizations Table
50. Screen
51. Screen
52. • presents expanded data Screen
53. • presents expanded data • reacts to input on the table Screen
54. • presents expanded data • reacts to input on the table Screen
55. • presents expanded data • reacts to input on the table Screen
56. • presents expanded data • reacts to input on the table Screen
57. • presents expanded data • reacts to input on the table Screen
58. • presents expanded data • reacts to input on the table • textual information Screen
59. • presents expanded data • reacts to input on the table • textual information • presentation of the category Screen
60. • presents expanded data • reacts to input on the table • textual information • presentation of the category • relation from the artist to the category Screen
61. • presents expanded data • reacts to input on the table • textual information • presentation of the category • relation from the artist to the category • illustration by an artifact Screen
62. Three main elements Markers Table Screen
63. Three concepts Information Visualization Presentation
64. III - Future
65. Mapping Modernism • offers a new information representation system • easily adaptable to different • content • environment • audience
66. Mapping Modernism Akira Sano Agnieszka Paszkowska Matti Schneider-Ghibaudo Laura Sebastián Magaña Reha Discioglu Sampo Jalasto Lily Dìaz
67. Technologies diagram Data: XML (+ images) Business: JavaScript Presentation: Quartz Composer Optical recognition: reacTIVision Reads Updates (TUIO) Embeds Updates Open-Source Base of most MT technologies “Super-standard” Doctyped Freeware By Apple Specific code Fully tested (UFP)
68. Functional diagram