Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mapping Modernism: The tangible museum

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

C17904e5ca39a09fdd1dea24b39f57fd?s=128

Matti Schneider

April 27, 2010
Tweet

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
  11. None
  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
  21. None
  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